<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/mui.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <style>
    	.title{
    		height: 20px;
    		line-height: 20px;
    		padding-left: 15px;
    	}
    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav myHeader" style="box-shadow: none;">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"><span style="font-size: 15px;">设置</span></a>
        <h1 class="mui-title myTitle">新消息通知</h1>
    </header>
    <div class="mui-content">
    	<ul class="mui-table-view">
    	        <li class="mui-table-view-cell">
    	        	<span>接收新消息通知</span>
					<div class="mui-switch mui-switch-mini mui-active mui-switch-blue">
					  <div class="mui-switch-handle"></div>
					</div>
    	        </li>
    	        <li class="mui-table-view-cell">
    	        	<span>接收语音和视频聊天邀请通知</span>
					<div class="mui-switch mui-switch-mini mui-active mui-switch-blue">
					  <div class="mui-switch-handle"></div>
					</div>
    	        </li>
    	    </ul>
    	    <ul class="mui-table-view" style="margin-top: 20px;">
    	        <li class="mui-table-view-cell">
    	        	<span>通知显示消息详情</span>
					<div class="mui-switch mui-switch-mini mui-active mui-switch-blue">
					  <div class="mui-switch-handle"></div>
					</div>
    	        </li>
    	    </ul>
    	    <h5 class="title">关闭后，当收到微信消息时，通知提示将不显示发信人和内容摘要。</h5>
    	    <ul class="mui-table-view" style="margin-top: 20px;">
    	        <li class="mui-table-view-cell">
    	        	 <a class="mui-navigate-right">
    	                功能消息免打扰
    	           </a>
    	        </li>
    	    </ul>
    	    <h5 class="title">设置系统功能消息提示声音和振动的时段。</h5>
    	    <ul class="mui-table-view" style="margin-top: 20px;">
    	        <li class="mui-table-view-cell">
    	        	<span>声音</span>
					<div class="mui-switch mui-switch-mini mui-switch-blue">
					  <div class="mui-switch-handle"></div>
					</div>
    	        </li>
    	        <li class="mui-table-view-cell">
    	        	<span>振动</span>
					<div class="mui-switch mui-switch-mini mui-switch-blue">
					  <div class="mui-switch-handle"></div>
					</div>
    	        </li>
    	    </ul>
    	    <h5 class="title">当微信在运行时，你可以设置是否需要声音或者振动。</h5>
    </div>
    <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    mui.init()
    </script>
</body>
</html>
